<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../admin/libs/jquery.twbsPagination.js"></script>
    <script src="../admin/libs/bootstrap/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="../admin/libs/bootstrap/css/bootstrap.min.css">


</head>

<body>
    <ul id="pagination-demo" class="pagination-sm"></ul>
</body>

</html>
<script>
    $(function () {
        $('#pagination-demo').twbsPagination({
            totalPages:100,  //最大页数
            startPage:1,     //默认显示页数
            visiblePages:10, //最多显示页数
            initiateStartPageClick:false,  //插件一开始加载是会点击一次,

            // 按钮文字
            first:'首页',
            prev:'上一页',
            next:'下一页',
            last:'尾页',
            
            // 分页导航的回调函数
            onPageClick:function(event,page){
                // 当前被点击的页码
                console.log(page);
            }
        });
    })
</script>